<extend name="ROOT/base.php" />

<block name="page_content">
  <div class="top-header"> 
    <div class="top-header-main">
        <div class="top-l">
            <span>广安“互联网+公安”综合服务平台办事大厅</span>
            <span id="currentDate">2017年10月6日</span>
            <span id="currentWeek">星期五</span>
        </div>
        <div class="top-r"><span><a href="http://www.gaga.gov.cn/wsga/wsga/web/personal-center/user-login.htm">登录</a></span>&nbsp;&nbsp;<span><a href="http://www.gaga.gov.cn/wsga/wsga/web/personal-center/user-regist.htm">注册</a></span><span>|</span><span><a id="addFavorite" href="javascript:void(0);">加入收藏</a></span></div>
    </div>
  </div>
  <div class="main">
    <div class="content">
      <div class="banner-logo">
        <div class="tdc-index" style="margin-top: 15px;"><img src="/statics/sc/images/apple.png" alt="IOS版APP直通车" style="z-index: 2; margin-top: 0px;"><p>IOS苹果版APP</p></div>
          <div class="tdc-index" style="margin-top: 15px;"><img src="/statics/sc/images/android.png" alt="微信警民直通车" style="z-index: 2; margin-top: 0px;"><p>Android版APP</p></div>
          <div class="tdc-index" style="margin-right: 17px;"><img src="/statics/sc/images/wechat.png" alt=""><p>微信公众账号</p></div>
        </div>
        <div class="top-nav" style="margin-top: 5px">
          <a href="#"><img src="/statics/sc/images/nav_handle.png" alt="" style="margin-left: 32px"></a>
          <a href="#"><img src="/statics/sc/images/nav_query.png" alt=""></a>
          <a href="#"><img src="/statics/sc/images/nav_consultation.png" alt=""></a>
          <a href="#"><img src="/statics/sc/images/nav_load.png" alt="" style="width: 103px;height: 145px;"></a>
          <a href="#"><img src="/statics/sc/images/nav_login.png"></a>
          <a href="#"><img src="/statics/sc/images/nav_help.png" alt=""></a>
        </div>
        <img src="/statics/sc/images/hall.png" width="100%" style="margin-top:20px;"/>
        <img src="/statics/sc/images/step.png" width="100%" style="margin-top:20px;"/>
        <div class="container">
          <div class="left">
            <div class="news">
              <div class="news-header">
                <h3>合格排名</h3>
                <span><a href="#">更多》</a></span>
              </div>
              <div class="news-content">
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
              </div>
            </div>
            <div class="news">
              <div class="news-header">
                <h3>评价排名</h3>
                <span><a href="#">更多》</a></span>
              </div>
              <div class="news-content">
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
              </div>
            </div>
            <div class="news">
              <div class="news-header">
                <h3>投诉排名</h3>
                <span><a href="#">更多》</a></span>
              </div>
              <div class="news-content">
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
              </div>
            </div>
            <div class="news">
              <div class="news-header">
                <h3>自量排名</h3>
                <span><a href="#">更多》</a></span>
              </div>
              <div class="news-content">
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
              </div>
            </div>
          </div>
          <div class="right"><img src="/statics/sc/images/search.png" width="100%" /></div>
        </div>
        <img src="/statics/sc/images/build-logo.png" width="100%" style="margin:10px 0;"/>
        <div class="container">
          <div class="left">
            <div class="news">
              <div class="news-header">
                <h3>行业排名</h3>
                <span><a href="#">更多》</a></span>
              </div>
              <div class="news-content">
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
              </div>
            </div>
            <div class="news">
              <div class="news-header">
                <h3>曝光台</h3>
                <span><a href="#">更多》</a></span>
              </div>
              <div class="news-content">
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
              </div>
            </div>
            <div class="news">
              <div class="news-header">
                <h3>法律法规</h3>
                <span><a href="#">更多》</a></span>
              </div>
              <div class="news-content">
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
              </div>
            </div>
            <div class="news">
              <div class="news-header">
                <h3>学车通知</h3>
                <span><a href="#">更多》</a></span>
              </div>
              <div class="news-content">
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
                <div class="news-wrapper">
                  <div class="news-title">第一名:xxxx</div>
                  <div class="news-right">30%</div>
                </div>
              </div>
            </div>
          </div>
          <div class="right"><img src="/statics/sc/images/login.png" width="100%" /></div>
        </div>
        <div class="introduce-info">
          <p>
              丨 <a href="#">首页</a> 丨<a href="#">关于我们</a> 丨<a href="#">网站声明</a> 丨<a href="#">联系我们</a> 丨
          </p>
          <p>Copyright 2016 GuangAn Police Security Bureau, All rights Reserve</p>
          <p>版权所有：广安市公安局  &nbsp;蜀ICP备15003713号-1 &nbsp;技术支持：四川速集实业集团有限公司</p>
        </div>
      </div>
    </div>
  </div>
</block>

<block name="page_script">
  <script src="/statics/bower_components/jquery/dist/jquery.min.js"></script>
  <script>
$(function(){
  $('.top-nav img').hover(function(){
    var src = $(this).attr('src').split('.'),
        imgSrc = src[0] + '2.png';
    $(this).attr('src', imgSrc);
  }, function(){
    var src = $(this).attr('src').split('2'),
        imgSrc = src[0] + '.png';
    $(this).attr('src', imgSrc);
  })
})
  </script>
</block>
